/**
 * Created by Administrator on 2017/9/24.
 */
require.config({
	paths: {
		"jquery": "lib/jquery/jquery-3.2.1",
		"jquery.cookie":"lib/jquery/jquery.cookie"
	}
});
require(["jquery","jquery.cookie"], function ($) {
	$(function () {
		$('*').bind("selectstart", function () { return false; });
		var name=$.cookie("userName");
		if (name.length>0){
			$(".login").show();
			$(".welcome").text("您好,  "+name);
			$(".unLogin").hide();
		}
		else {
			$(".Login").hide();
			$(".unLogin").show();
		}
		$(".exit").on("click",function () {
			$.cookie("userName", "", { path: '/',expires: 7 }); //删除cookie
			location.reload()
		})
		// 滚动条事件
		$(document).scroll(function () {
			if ($(this).scrollTop() > $("header").height()) {
				$("#side-left").show();
				$("#side-right").show();
			}
			else {
				$("#side-left").hide();
				$("#side-right").hide();
				$("#weixin").hide();
			}
		})
		// $(document).scroll(function () {
		// 	if ($(this).scrollTop() > $("header").height()) {
		// 		$("#side-left").show();
		// 		$("#side-right").show();
		// 	}
		// 	else {
		// 		$("#side-left").hide();
		// 		$("#side-right").hide();
		// 		$("#weixin").hide();
		// 	}
		// })
		$("#side-right>ul>li").last().on("mouseenter", function () {
			$("#weixin").show().animate({"right": 110}, 600);
		})
		$("#side-right>ul>li").last().on("mouseleave", function () {
			$("#weixin").stop().hide().css("right", 180);
		})
		$("#toTop").on("click", function () {
			$("body,html").animate({scrollTop: 0}, 500)
		})
		var  produceId=$.cookie("produceId");
		$.ajax({
			type: "GET",
			url: "../json/index/groom.json",
			dataType: "json",
			success: function (data) {
				var produceNums=$.cookie("produceNums").split(',');
				var sumPrice=0;
				var numb=0;
				var priceArr=[];
				var numArr=[];
				var sumPricee=0;
				var  priceeArr=[];
				for (var i = 0; i <produceNums .length; i++) {
					console.log( produceNums[i]);
					var item=$("<div></div>").addClass("item").addClass("clear");
					var inp=$("<div></div>").addClass("inp");
					// var inpp=$("<input>").attr("type","checkbox");
					var img=$("<img>").addClass("img").attr("src",data[produceNums[i]].srcS1);
					var pT=$("<p></p>").addClass("tt").text(data[produceNums[i]].title);
					var alone=$("<span></span>").addClass("alone").text(data[produceNums[i]].newPrice);
					var num=$("<div></div>").addClass("num").addClass("clear");
					var pRe=$("<p></p>").addClass("reduce").text("-");
					var pS=$("<p></p>").addClass("show").text($.cookie("produce"+produceNums[i]));
					//进入页面后记录下物品的件数
					numb+=pS.text()-0;
					numArr.unshift(numb);
					var pA=$("<p></p>").addClass("add").text("+");
					pA.on("click",function () {
						$(this).prev("p").text(parseInt($(this).prev("p").text())+1);
						$(this).parent("div").next(".aloneSum").text((parseInt($(this).prev("p").text()) * ($(this).parent(".num").prev(".alone").text())).toFixed(2));
						sumPricee=(parseFloat(sumPricee)+parseFloat($(this).parent(".num").prev(".alone").text()-0)).toFixed(2);
						priceeArr.unshift(sumPricee);
						var totalPrice=(parseFloat(priceArr[0])+parseFloat(priceeArr[0])).toFixed(2);
						$(".priceInfo span").text("￥"+totalPrice);
						console.log(priceArr[0]);
						$(".priceInfo i").text(parseInt($(".priceInfo i").text())+1);
						// $.cookie("produce"+produceNums[i],$(this).prev("p").text());
					})
					pA.on("mousedown",function () {
						$(this).css("background","#fa4b9b");
					})
					pA.on("mouseup",function () {
						$(this).css("background","");
					})
					pRe.on("click",function () {
						if ($(this).next("p").text()>1){
							$(this).next("p").text($(this).next("p").text()-1);
							$(this).parent("div").next(".aloneSum").text((parseInt($(this).next("p").text()) * ($(this).parent(".num").prev(".alone").text())).toFixed(2));
							sumPricee=(parseFloat(sumPricee)-parseFloat($(this).parent(".num").prev(".alone").text()-0)).toFixed(2);
							priceeArr.unshift(sumPricee);
							var totalPrice=(parseFloat(priceArr[0])+parseFloat(priceeArr[0])).toFixed(2);
							$(".priceInfo span").text("￥"+totalPrice);
							$(".priceInfo i").text(parseInt($(".priceInfo i").text())-1);
						}
					})
					pRe.on("mousedown",function () {
						$(this).css("background","#fa4b9b");
					})
					pRe.on("mouseup",function () {
						$(this).css("background","");
					})
					var aloneSum=$("<span></span>").addClass("aloneSum").text((data[produceNums[i]].newPrice*pS.text()).toFixed(2));
					sumPrice+=aloneSum.text()-0;
					// console.log(typeof  sumPrice);
					priceArr.unshift(sumPrice);
					var btn=$("<button></button>").text("删除").addClass("btnAlone");
					btn.on("click",function () {
						var nums=[];
						location.reload()
						// $(this).parent().remove();
						nums.push($.cookie("produceNums"));
						var nums1=nums[0].split(',');
						// 获取到当前购物车内物品在json里的id,并放在一个数组中
						console.log(nums1);
						// 点击删除按钮，获取到该列数据在列表中的索引
						console.log($(this).parent(".item").index()-1);
						nums1.splice($(this).parent(".item").index()-1,1);
						// $.cookie("produce"+($(this).parent(".item").index()-1), "", { path: '/',expires: 7 });
						console.log(nums1);
						$.cookie("produceNums",nums1);
					})
					// inp.append(inpp);
					num.append(pRe).append(pS).append(pA);
					item.append(img).append(pT).append(alone).append(num).append(aloneSum).append(btn);
					$(".list").append(item);
					
				}
				$(".priceInfo i").text(numArr[0]);
				$(".priceInfo span").text("￥"+(priceArr[0]).toFixed(2))
				// console.log(priceArr[0]);
				
			}
		})
		
		
	})
});